 .login-container {
    height: 100%;
    width: 100%;
  }
  .login-left-container {
    height: 100%;
    width: 34%;
    margin-left: 5%;
    float: left;
  }
  .login-left-container-title {
    height: 10%;
    margin-top: 10%;
    line-height: 40px;
    text-align: center;
    color: #0188FB;
    font-size: 24px;
    letter-spacing: 3px;
    font-weight: 600;
  }
  .login-left-container-desc {
    height: 10%;
    line-height: 40px;
    text-align: center;
    color: #222;
    font-size: 15px;
    font-weight: 600;
  }
  .login-left-container-pic {
    height: 70%;
    width: 100%;
    background-size: 100px auto;
    background:url('../../../images/login-logo.png') no-repeat center;
  }
  .login-right-container{
    height: 100%;
    width: 44%;
    float: right;
    margin-right: 2%;
  }
  .login-title{
    height: 40px;
    margin-top: 18%;
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #0188FB;
  }
  .login-bottom-container{
    height: 73%;
    margin-top: 2%;
    width: 100%;
  }
  .single-form-container{
    width: 75%;
    margin-left : 13%;
    height:35px;
    line-height: 35px;
    margin-top: 10%;
    display: flex;
  }
  .single-form-container >>> .ant-form-item-control-wrapper {
    width: 100%;
    height: 100%;
  }
  .single-form-container .single-form-title {
    float: left;
    height: 35px;
    line-height: 35px;
    width: 20%;
    text-align: center;
  }
  .single-form-container .mobile-input {
    float: left;
    height: 35px;
    line-height: 35px;
    width: 78%;
  }
  .single-form-container >>> .ant-form-explain {
    margin-left: 22%;
  }
  .verify-code{
    float: left;
    height: 35px;
    width: 42%;
  }
  .verify-code-btn{
    float: left;
    height: 35px;
    width: 35%;
    margin-left : 2%;
    padding: 0;
    background-color: #0188FB;
    color: white;
  }
  .login-btn {
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
    /*box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);*/
    width: 90% !important;
    margin-left: 7%;
    letter-spacing: 5px;
    font-size: 17px;
  }
  .ant-input{
    padding-left: 10px !important;
  }
  .user-name-and-password-container {
    width: 100%;
    height: 1.8rem;
    margin-top: 0.3rem;
    position: relative;
  }

  .user-name-icon {
    position: absolute;
    font-size: 0.4rem;
    top: 0.3rem;
    left: 0.65rem;
    color: #808080;
  }

  .pass-word-icon {
    position: absolute;
    font-size: 0.4rem;
    top: 1.3rem;
    left: 0.65rem;
    color: #808080;
  }

  input {
    padding: 0;
  }

  .container-username {
    height: 0.6rem;
    line-height: 0.6rem;
    width: 68%;
    margin-top: 0.2rem;
    margin-left: 10%;
    padding-left: 0.65rem !important;
    background: #bfbfbf;
    color: white;
  }

  .container-password {
    height: 0.6rem;
    line-height: 0.6rem;
    width: 68%;
    margin-top: 0.4rem;
    margin-left: 10%;
    background: #bfbfbf;
    padding-left: 0.6rem !important;
    color: white;
  }

  .container-username-not-exist {
    position: absolute;
    right: 4%;
    top: 0.3rem;
    font-size: 0.4rem;
    color: red;
  }

  .container-username-exist {
    position: absolute;
    right: 4%;
    top: 0.3rem;
    font-size: 0.4rem;
    color: red;
  }

  .container-password-not-exist {
    position: absolute;
    right: 4%;
    top: 1.4rem;
    color: red;
    font-size: 0.4rem;
  }

  .container-password-exist {
    position: absolute;
    right: 4%;
    top: 1.4rem;
    color: red;
    font-size: 0.4rem;
  }
  .container-login {
    width: 70%;
    height: 0.7rem;
    color: #333333;
    background-color: rgba(222, 222, 222, 0.45);
    font-size: 0.4rem;
    margin-top: 0.4rem;
    border: none;
    border-radius: 6px;
    margin-left: 12%;
  }
